﻿@model NOSDC.Pocos.Job
           
@{
    ViewBag.Title = "Create";
}
<link href="../../../../Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ckeditor/ckeditor.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-timepicker.js")" type="text/javascript"></script>



@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Post a new job</legend>
        <div >
                <div class="editor-label">
                    <strong>Company</strong>
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(model => model.Employer)
                    @Html.ValidationMessageFor(model => model.Employer)
                </div>
            </div>

            <div >
                <div class="editor-label">
                    <strong>Position</strong>
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(model => model.Title)
                    @Html.ValidationMessageFor(model => model.Title)
                </div>
            </div>
        
        <div>
            <div class="editor-label">
                <strong>Salary:</strong>  
            </div>
              <div class="editor-field">
                @Html.TextBoxFor(model => model.Salary) * Leave blank for Negotiable
                @Html.ValidationMessageFor(model => model.Salary)
            </div>
        </div>

       <div>
            <div class="editor-label">
                <strong>Location:</strong>  
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.Location)
                @Html.ValidationMessageFor(model => model.Location)
            </div>
        </div>
        <div>
            <div class="editor-label">
                <strong>Date Expires:</strong>  
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.DateExpires)
                @Html.ValidationMessageFor(model => model.DateExpires)
            </div>
        </div>
        <br />
        <br />
        <div class="editor-label" style="clear: both;">
            <strong>@Html.LabelFor(model => model.Description)</strong> * <span style="color: green; font-style: italic; text-decoration: underline;">
            Be careful adding HTML to the page. Make sure you check the job page to ensure that your html did not break it.</span>
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Description, new { @class = "ckeditor", style = "width:620px;height:140px;", id = "editor1", name = "Description" })
            @Html.ValidationMessageFor(model => model.Description)
        </div>
        <br />
        <br />
        <p>
            <input type="submit" value="Post Job" />
        </p>
    </fieldset>
}

<script type="text/javascript">
    $(function () {
        $("#DateExpires").datetimepicker({ showButtonPanel: true });
    });


</script>
<div>
    @Html.ActionLink("Back to List", "Index")
</div>